<template>
  <div class="page-index">
    <el-row>
      <el-col :span="5">
<!--        左侧菜单-->
        <m-menu/>
      </el-col>
      <el-col :span="19">
<!--        banner-->
        <m-life/>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
<!--        商家列表-->
        <container :nav="iStyle"/>
      </el-col>
    </el-row>
    <el-row>
      <el-col :span="24">
<!--        商家列表-->
        <container :nav="recomment"/>
      </el-col>
    </el-row>
  </div>
</template>

<script>
  import MMenu from '../components/index/menu.vue'
  import MLife from '../components/index/life.vue'
  import Container from '../components/index/container.vue'

  export default {
    name: "index",
    data() {
      return {
        iStyle: {
          class: 'istyle',
          title: '有格调',
          list: [{
            text: '全部',
            tab: 'all'
          }, {
            text: '约会聚餐',
            tab: 'food'
          },
            {
              text: '丽人SPA',
              tab: 'spa'
            }, {
              text: '电影演出',
              tab: 'movie'
            }, {
              text: '品质出游',
              tab: 'travel'
            }]
        },
        recomment: {
          class: 'youhui',
          title: '很优惠',
          list: [{
            text: '全部',
            tab: 'all'
          }, {
            text: '美食',
            tab: 'food'
          },
            {
              text: '休闲',
              tab: 'xiuxian'
            }]
        }

      }
    },
    components: {
      MMenu,
      MLife,
      Container
    }
  }
</script>

<style lang="scss">
  @import "../assets/css/index/index.scss";

</style>
